<template>
    <div class="p-3">
        <div class="flex items-center justify-between">
            <div class="text-base">每日话题</div>
            <div class="flex items-center space-x-1 text-xs text-gray-500">
                <div class="">热榜</div>
                <div class="">
                    <IMingcute:rightFill />
                </div>
            </div>
        </div>
        <div class="p-3 mt-4 space-y-2 text-sm rounded-lg bg-gray-50">
            <div class="flex items-center h-16" v-for="(item, index) in 3">
                <div class="w-16 h-full rounded-sm shrink-0">
                    <LazyImage :src="g"/>
                </div>
                <div class="ml-4 grow">
                    <div class="text-base font-medium text-gray-700">#话题名称#</div>
                    <div class="mt-2 text-gray-500">
                        <span>11 w 讨论</span> <span>12w阅读</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
    
<script setup lang='ts'>
import g from '~/assets/home/1.jpg'
</script>
    
<style></style>